#expense{
  background-color: #f7f7f7;
  .mb-msg{
    .mb-msg-t{
      height: 9.6875rem;
      // background-color:red;
      background:url('../../images/mem-bg1.png');
      background-size: cover;
      position:relative;
      .ewm{
        position: absolute;
        right: 20px;
        top: 20px;
        img{
          width:31px;
          height:27px;
        }
      }
      p{
        color: white;
      }
      .photograph{
        padding-top: 25px;
        padding-bottom: 5px;
        img{
          width: 62px;
          height: 62px;
          border-radius:50%;
          border:3px solid rgba(255, 255, 255, 0.3);
          margin:0 auto;
          display: block;
        }
      }
      :nth-child(3){
        font-size:14px;
      }
      text-align: center;
      font-size: 14px;
    }
  }
  .ex-list{
    :last-child{
      border-bottom:none;
    }
  }
  .list{
    background-color:white;
    border-bottom:1px solid #e6e6e6;
    padding: 0 16px;
  }
  .ex-sum{
    font-size:12px;
    color: #4d4d4d;
    overflow: hidden;
    height: 40px;
    .left{
      float:left;
      line-height: 40px;
      font-size:14px;
    }
    .right{
      float: right;
      width: 50px;
      text-align: center;
      margin-top: 8px;
      border-radius: 6px;
      padding: 0 10px;
      font-size:14px;
    }
    .open{
      color: @theme-color;
      border: 1px solid @theme-color;
    }
    .close{
      color: #999999;
       border: 1px solid #e6e6e6;
      background-color: #e6e6e6;
    }
  }
  .ex-total{
    font-size:12px;
    color: #4d4d4d;
  }
  .ex-num{
    overflow:hidden;

    .left{
      float:left;
      font-size:14px;
    }
    .right{
      float: right;
      font-size:12px;
      color: #999999;
    }
  }
}
